<!DOCTYPE html>
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
 </head>
 <style>
  #beauty{
  width:260px;
  background-color:#eee7e1;
  }
  #beauty p{
    font-size:14px;
    font-weight:bold;
	color:#FFF;
	background-color:#e9185a;
	height:35px;
	line-height:35px;
	text-align:center;
  }
  #beauty a{
  color:#666666;
  text-decoration:none;
  font-size:12px;
  }
  #beauty li{
  height:30px;
  line-height:30px;
  border-bottom-style:dashed;
  border-width:1px;
  border-color:#a8a5a5;
  }
</style>
 <body>
 <div id = "beauty">
<p>大家都喜欢买的美容品</p>
<ul>
<li><a href="#">1.雅诗兰黛即时修护眼部精华霜 15 ml</a></li>
<li><a href="#">2.伊丽莎白雅顿显效复合活肤霜 75 ml</a></li>
<li><a href="#">3.0LAY 玉兰油多效修护霜 50 g</a></li>
<li><a href="#">4.巨型一号丝瓜水 320 ml</a></li>
</ul>
</div>
 </body>
</html>
